.content-box {
  background-color: #03112a;
}
.content-box .content {
  width: 1200px;
  height: 1200px;
  position: relative;
  margin: 0 auto;
}
.content-box .content .a {
  animation: move1 5s linear infinite;
}
.content-box .content .b {
  animation: move2 5s linear infinite;
}
.content-box .content .c {
  animation: move3 5s linear infinite;
}
.content-box .content .d {
  animation: move4 5s linear infinite;
}
.content-box .content .e {
  animation: move5 5s linear infinite;
}
.content-box .content .f {
  animation: move6 5s linear infinite;
}
@keyframes move1 {
  0% {
    transform: translate(0) rotate(0deg);
  }
  50% {
    transform: translate(-350px) rotate(180deg);
  }
  100% {
    transform: translate(-250px) rotate(360deg);
  }
}
@keyframes move2 {
  0% {
    transform: translate(0) rotate(0deg);
  }
  50% {
    transform: translate(-325px) rotate(-180deg);
  }
  100% {
    transform: translate(-250px) rotate(-360deg);
  }
}
@keyframes move3 {
  0% {
    transform: translate(0) rotate(0deg);
  }
  50% {
    transform: translate(-250px) rotate(180deg);
  }
  100% {
    transform: translate(-250px) rotate(360deg);
  }
}
@keyframes move4 {
  0% {
    transform: translate(0) rotate(0deg);
  }
  50% {
    transform: translate(-225px) rotate(-180deg);
  }
  100% {
    transform: translate(-250px) rotate(-360deg);
  }
}
@keyframes move5 {
  0% {
    transform: translate(0) rotate(0deg);
  }
  50% {
    transform: translate(-150px) rotate(180deg);
  }
  100% {
    transform: translate(-250px) rotate(360deg);
  }
}
@keyframes move6 {
  0% {
    transform: translate(0) rotate(0deg);
  }
  50% {
    transform: translate(-125px) rotate(-180deg);
  }
  100% {
    transform: translate(-250px) rotate(-360deg);
  }
}
.content-box .content img {
  width: 500px;
  height: 500px;
  position: absolute;
  right: 0;
}
